{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="../../css/index.css">
    <style>
        .am-tabs-default .am-tabs-nav a {
            color: #fff;
            line-height: 25px;
        }
        .am-tabs-default .am-tabs-nav>.am-active a{
            background:#fff;
            color: #4d4d4d;
        }
        .am-tabs-default .am-tabs-nav>.am-active a>p:first-child{
            background:#ED7745;
            color: #fff;
        }
        .am-selected {
            width: 80px;
        }
        .am-selected-status {
            text-align: left;
            width: 100%;
            display: block;
            word-wrap: normal;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 11px;
            padding: 3px 0px;
        }
        [data-am-widget=tabs] {
            /* margin: 10px; */
        }
    </style>
{/block}

{block name="body"}
<!--头部-->
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        我的客户
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="../xinjiankehu/xinjiankehu.html" style="color:#4d4d4d;">添加</a>
    </div>
</header>
<body>


<!--主要内容-->
<div style="min-height: 100px;border-bottom: 1px solid #eee;background: #fff;">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default" style="margin: 0px;">
        <div class="am-g" style="text-align: center;background: #fff;margin: 10px 0px;">
            <div class="am-u-sm-3" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>全部客户</option>
                    <option value="b">意向客户</option>
                    <option value="o">一般客户</option>
                    <option value="m">重要客户</option>
                    <option value="d">已成交客户</option>
                </select>
            </div>
            <div class="am-u-sm-3" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>最近更新</option>
                    <option value="b">今天</option>
                    <option value="o">昨天</option>
                    <option value="m">最近七天</option>
                    <option value="d">最近30天</option>
                </select>
            </div>
            <div class="am-u-sm-3" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>客户阶段</option>
                    <option value="b">初步沟通</option>
                    <option value="o">量尺出图</option>
                    <option value="m">已付定金</option>
                    <option value="d">商品生产</option>
                    <option value="j">交付</option>
                </select>
            </div>
            <div class="am-u-sm-3" style="padding: 0px;">
                <select data-am-selected>
                    <option value="a" selected>Apple</option>
                    <option value="b"></option>
                    <option value="o">Orange</option>
                    <option value="m">Mango</option>
                    <option value="d" disabled>禁用鸟</option>
                </select>
            </div>
    </div>
        <div class="am-tabs-bd" style="border: none;">
            <div data-tab-panel-0 class="am-tab-panel am-active" style="background: #eee;">
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:5px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <a href="{:url('home/finance/info')}" style="background: #ED7745;color: #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;">客户信息</a>
                                <a href="{:url('home/finance/info')}" style="background: #eee; border-radius:16px;padding: 3px 10px;outline: none;font-size: 14px;margin-left: 10px;">客户合同</a>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <a href="{:url('home/finance/info')}" style="background: #ED7745;color: #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;">客户信息</a>
                                <a href="{:url('home/finance/info')}" style="background: #eee; border-radius:16px;padding: 3px 10px;outline: none;font-size: 14px;margin-left: 10px;">客户合同</a>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <a href="{:url('home/finance/info')}" style="background: #ED7745;color: #fff;border-radius: 16px;padding: 3px 10px;outline: none;font-size: 14px;">客户信息</a>
                                <a href="{:url('home/finance/info')}" style="background: #eee; border-radius:16px;padding: 3px 10px;outline: none;font-size: 14px;margin-left: 10px;">客户合同</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-tab-panel-1 class="am-tab-panel " style="background: #eee;">
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:5px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;color: #ED7745">已量尺</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">基本信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户画像</button>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;color: #ED7745">已量尺</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">基本信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">客户画像</button>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #ddd;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">未激活</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;">未录入</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>&nbsp;&nbsp;未录入</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;">建立信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-tab-panel-2 class="am-tab-panel " style="background: #eee;">
                <div style="min-height: 40px;">
                    <div class="am-g" style="background: #fff;margin-top:5px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">建立信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">建立信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>
                            </div>
                        </div>
                    </div>
                    <div class="am-g" style="background: #fff;margin-top:15px;">
                        <div class="am-u-sm-2" style="margin-top:24px;">
                            <img src="../../image/spt.jpg" alt="" style="width:60px;height:60px;border-radius: 50%;">
                        </div>
                        <div class="am-u-sm-10" style="margin-top: 15px;padding-left:22px;">
                            <div class="am-g">
                                <div class="am-u-sm-4" style=" white-space: nowrap;text-overflow: ellipsis;">
                                    <p style="margin: 0px;font-weight: 600;padding-bottom: 5px;font-size: 18px;">宋小宝</p>
                                    <P style="margin: 0px;font-size: 14px;">2017-10-10</p>
                                </div>

                                <div class="am-u-sm-4" style="text-align: center;margin-top: 10px;">
                                    <b style="font-weight: 200;font-size: 14px;">结束</b>
                                </div>
                            </div>
                            <P style="font-size: 14px;margin: 0px;color: #D87D62;font-weight: 600;padding-bottom: 5px;">TEL:15013142345</P>
                            <p style="font-size: 14px;margin: 0px;font-weight: 200;padding-bottom: 5px;margin-left:-66px;">房屋地址
                                <span>山西省&nbsp;晋中市&nbsp;榆次区&nbsp;顺城西街12号名仕家园</span>
                            </p>
                            <div class="am-u-sm-12" style="margin-bottom: 10px;">
                                <button style="background: #ED7745;color:#fff;border: 1px solid #eee; border-radius:30px;outline: none;">建立信息</button>
                                <button style="background: #eee;border: 1px solid #eee; border-radius:30px;outline: none;margin-left: 10px;">分配客户</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!--底部-->
{include file="public/foot"/}
{/block}

{block name="script"}



{/block}